    <!DOCTYPE html>  
    <html>  
    <head>  
        <meta charset="UTF-8">  
        <title>Tree Actions - jQuery EasyUI Demo</title>  
    </head>  
    <jsp:include page="inc.jsp"></jsp:include>
    <body>  
        <h2>Tree Actions</h2>  
        <div class="demo-info">  
            <div class="demo-tip icon-tip"></div>  
            <div>Click the buttons below to perform actions.</div>  
        </div>  
        <div style="margin:10px 0;">  
            <a href="#" class="easyui-linkbutton" onclick="collapseAll()">CollapseAll</a>  
            <a href="#" class="easyui-linkbutton" onclick="expandAll()">ExpandAll</a>  
            <a href="#" class="easyui-linkbutton" onclick="expandTo()">ExpandTo</a>  
            <a href="#" class="easyui-linkbutton" onclick="getSelected()">GetSelected</a>  
        </div>  
        <ul id="tt" class="easyui-tree" data-options="url:'./tree_data1.json',animate:true"></ul>  
        <script type="text/javascript">  
            function collapseAll(){  
                $('#tt').tree('collapseAll');  
            }  
            function expandAll(){  
                $('#tt').tree('expandAll');  
            }  
            function expandTo(){  
                var node = $('#tt').tree('find',113);  
                $('#tt').tree('expandTo', node.target).tree('select', node.target);  
            }  
            function getSelected(){  
                var node = $('#tt').tree('getSelected');  
                if (node){  
                    var s = node.text;  
                    if (node.attributes){  
                        s += ","+node.attributes.p1+","+node.attributes.p2;  
                    }  
                    alert(s);  
                }  
            }  
        </script>  
    </body>  
    </html>  